<div style="display: none;">
<div id="fancyRegistrogrupos" style="width: 450px;min-height: 150px;overflow:auto;">
  <div style="float: left;width: 200px;">
    <h3>Registro de Grupos</h3>
    <form id="frmRegister" action="<?php echo url_for('monitoreo/index') ?>" method="post">
       
    <table>
      <tr>
        <td>Nombre del Grupo</td>
      </tr>
     
      <tr>
          <td><input type="text" size="15" class="text" name="nombre_grupo" id="nombre_grupo"/><label style="color:red;"><?php echo $sf_user->getFlash('nombre_gru_val') ?></label></td>
      </tr>

      <tr>
        <td>Descripcion:</td>
      </tr>
      <tr>
          <td><textarea cols="20" rows="4" name="descripcionGru" id="descripcionGru"></textarea><label style="color:red;"><?php echo $sf_user->getFlash('des_gru_val') ?></label></td>
      </tr>
      
      <tr>
          <td>
              Configuracion General
          </td>
      </tr>
      <tr>
          <td>
              Tiempo de Actividad <input type="checkbox" name="cb1" id="cb1" > <label style="color:red;"><?php echo $sf_user->getFlash('des_gru_val') ?></label>
          </td>
       
      </tr>
      <tr>
          <td>
              Tomar informacion Tiempo
          </td>
       
      </tr>
      <tr>
             <td>
              <select id="tiempo_captura" name="tiempo_captura">
                  <option value="15">
                  15 Min
                  </option>
                  <option value="30">
                  30 Min
                  </option>
                  <option value="60">
                  60 Min
                  </option>
              </select>
                 <label style="color:red;"><?php echo $sf_user->getFlash('des_gru_val') ?></label>
          </td>
      </tr>
      <tr>
          <td>
              <input type="text" id="mensaje_gral" />
          </td>
      </tr>
      <tr>
          <td colspan="2" align="right">
        <a href="javascript:void(0);"  id="agregar_grupo">Registrar</a>
        </td>
      </tr>
           <tr>
          <td>
              <label style="color:red;"><?php echo $sf_user->getFlash('general_gru') ?></label>
          </td>
      </tr>
    </table>
    </form>
  </div>
  <div style="width: 1px;height: 325px;background-color: black;float: left;margin: 10px;"></div>
  <div style="float: left;width: 220px;">
    <h3>Descripcion para los grupos</h3>
    <table>
      <tr>
        <td><b>Beneficios de Monitorear por grupos :</b></td>
      </tr>
      <tr>
        <td>bla bla bla bla bla bla bla bla</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><b>bla bla blabla bla bla bla bla</b></td>
      </tr>
      <tr>
        <td>blablablablablablablab</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><b>blablablablablabl</b></td>
      </tr>
      <tr>
        <td>blablablablablablablablabla</td>
      </tr>
    </table>
  </div>
</div>
</div>

<script type="text/javascript">
    $("#agregar_grupo").click(function(){

        var nombregrupo =   $("#nombre_grupo").val();
        var desgrupo    =   $("#descripcionGru").val();
        var tiempoconeccion  =   $("#cb1").is(':checked');
        var tiempo_aleatoreo_monitoreo =   $("#tiempo_captura").val();

          $.ajax({
                type: "POST",
                url: "<?php echo url_for('ajax_registro_grupos') ?>",
                data: "nombregrupo="+nombregrupo+"&desgrupo="+desgrupo+"&tiempoconn="+tiempoconeccion+"&tiempoaleatorio="+tiempo_aleatoreo_monitoreo,
                dataType: 'json',
                success: function(data){
                       if(data.mensaje!=null){
                            $("#mensaje_gral").val(data.mensaje);
                       }

                }
        });
         $.ajax({
                type: "POST",
                url: "<?php echo url_for('ajax_actulizar_lista_grupos') ?>",
                data: "estado=H",
                 success: function(data){
                     $("#lista_grupos_registropc").html(data);
                    }
        });

        $.ajax({
                type: "POST",
                url: "<?php echo url_for('ajax_actulizar_lista_grupos_index') ?>",
                data: "estado=H",
                 success: function(data){
                     $("#gru_index").html(data);
                    }
        });

      });

</script>